<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>公众号授权</title>
    <script src="../js/vue.js"></script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/authorization.css">
    <style>
     
    </style>
</head>
<body>
    <div id="app">
        <top-bar :topshuju=sendTopData ></top-bar>
        <section class="content">
            <h1>公众号管理</h1>
            <div class="detail">
                <h3>绑定微信公众号，集沉淀、运营、唤醒粉丝功能于一体，提高转化率</h3>
                <section class="flexBox">
                    <div>
                        <img :src="img1" />
                        <span class="btnSpan">已有公众号,立即绑定</span>
                        <p>为保证功能正常使用，请把所有功能授权族蚂网</p>
                    </div>
                    <div style="margin-right:0px;">
                        <img :src="img2" class="imgTwo" />
                        <span class="btnSpan noGZH">没有公众号,立即申请</span>
                        <p>为保证功能正常使用，请把所有功能授权族蚂网</p>
                    </div>
                </section>
                <section class="herfBtnBox">
                    <span @click="GZH_bangding">
                        <i class="imgBox1"></i>
                        <!-- <img src="../img/auth03.png"/> -->
                        公众号绑定教程
                    </span>
                    <span @click="GZH_jiebang">
                        <i class="imgBox2"></i>
                        公众号解绑说明
                    </span>
                    <span @click="GZH_qubie">
                        <i class="imgBox3"></i>
                        不同公众号类型的功能区别
                    </span>
                </section>
            </div>
        </section>
    </div>
</body>
<!-- 头部 -->
<script src="../common/top-bar.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            //ceshi:{'ces':111},
            img1:'../img/auth01.png',
            img2:'../img/auth02.png',
            sendTopData:{
                YourName:'Thinker',
                CommonName:'上海有限公司',
                HeadImg:'../img/authList01.png'
            }
        },
        created:function(){
            console.log(1)
            
        },
        methods:{
            GZH_bangding:function(){
                alert('跳往公众号绑定教程')
            },
            GZH_jiebang:function(){
                alert('跳往公众号解绑说明')
            },
            GZH_qubie:function(){
                alert('跳往公众号区别')
            }
        },
    })
</script>

</html>